<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的订单</title>

    <!--公用css引用-->
    <?php include 'include/style.php';?>
    <!--END/公用css引用-->
    <link rel="stylesheet" href="../css/userCenter.css">
</head>
<body>

<!--公共头部-->
<?php include 'include/header.php';?>
<!--END/公共头部-->

<div class="inbox user-center">
    <div class="layout-margin unend">
        <div class="sidebar-end"></div>
        <div class="sidebar-start">
            <?php include 'include/leftnav.php';?>
        </div>

        <!--主体部分-->
        <div class="container">
            <div class="container-inner u-order">
                <div class="ui-brd-box1-">
                    <div class="tit-2 tit-skin-2">
                        <span class="h">我的订单</span>
                    </div>

                    <div id="orderListSel" class="order-list order-list-big">
                        <div class="table-head fn-ohide">
                            <div class="search-box">
                                <form class="bl-form" method="get" action="">
                                    <div class="fn-dib fn-rel keybox">
                                        <input type="text" name="key" placeholder="商品名称/商品编号/订单号" autocomplete="off" class="fn-tinput key">
                                        <span class="fn-dib submit">
                                            <button class="fn-btn btn-submit" type="submit">查询</button>
                                        </span>
                                        <i class="icon icon-search fn-abs"></i>
                                    </div>
                                </form>
                            </div>
                            <div class="order-type">
                                <ul class="link-list link-list-skin2">
                                    <li class="cur"><a href="order.php">全部订单</a></li>
                                    <li><a href="order-notPay.php">待付款（1）</a></li>
                                    <li><a href="order-notReceive.php">待收货（1）</a></li>
                                    <li><a href="order-notComment.php">待评价（1）</a></li>
                                </ul>
                            </div>

                        </div>
                        <div class="js-tools order-list-head">
                            <table class="bl-table bl-table-white table-tc">
                                <thead>
                                <tr>
                                    <th class="tl">

                                        <div class="bl-ddmenu ddmenu-select">
                                            <a class="menu-btn"><span class="text" style="width: 80px;">近三个月订单</span><i class="ficon-arr-b"><i class="icon f-icon icon-arrow-b1 "></i></i></a>
                                            <div class="menu-con">
                                                <ul class="menu-list">
                                                    <li data-value="1"><a href="#">近三个月订单</a></li>
                                                    <li data-value="2"><a href="#">今年内订单</a></li>
                                                    <li data-value="3"><a href="#">2014年订单</a></li>
                                                    <li data-value="4"><a href="#">2013年订单</a></li>
                                                    <li data-value="5"><a href="#">2013年以前</a></li>
                                                </ul>
                                            </div>
                                            <input type="text" name="date" value="1" class="menu-input">
                                        </div>
                                    </th>
                                    <th colspan="3">订单详情</th>
                                    <th>收货人</th>
                                    <th>合计</th>
                                    <th>
                                        <div class="bl-ddmenu ddmenu-select">
                                            <a class="menu-btn"><span class="text" style="width: 50px;">全部状态</span><i class="ficon-arr-b"><i class="icon f-icon icon-arrow-b1 "></i></i></a>
                                            <div class="menu-con">
                                                <ul class="menu-list">
                                                    <li data-value="1"><a href="#">全部状态</a></li>
                                                    <li data-value="2"><a href="#">等待付款</a></li>
                                                    <li data-value="3"><a href="#">等待收货</a></li>
                                                    <li data-value="4"><a href="#">已完成</a></li>
                                                    <li data-value="5"><a href="#">已取消</a></li>
                                                </ul>
                                            </div>
                                            <input type="text" name="date" value="1" class="menu-input">
                                    </th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tr class="list-tools">
                                    <td class="tl" colspan="8">
                                        <!--分页-->
                                        <!--  fn-tl/fn-tc/fn-tr 左中右定位; pager-big 大尺寸分页 可不加-->
                                        <div class="pager pager-sm- fn-tr fn-fr">
                                            <ul class="pagination">
                                                <li class="disabled"><span>«</span></li>
                                                <li class="active"><span>1</span></li>
                                                <li><a href="http://afuyigou.app/search?page=2" rel="next">»</a></li>
                                            </ul>
                                        </div>
                                        <!--END/分页-->

                                        <label><input class="js-selectAll" type="checkbox"></label>
                                        <a href="javascript:;" class="fn-btn fn-btn-small">合并付款</a>
                                        <a href="javascript:;" class="fn-btn fn-btn-small">合并代付</a>
                                        <a href="javascript:;" class="fn-btn fn-btn-small">批量确认收货</a>
                                    </td>
                                </tr>

                            </table>
                        </div>

                        <div class="js-viewBox order-list-body">
                            <div class="inner-body">
                                <table class="bl-table bl-table-white table-tc">
                                    <tr data-id="1" class="list-item table-inner-head">
                                        <td colspan="8" class="tl">
                                            <label><input class="js-checkbox" type="checkbox"></label>
                                            <span class="time">2015-12-12   00:00:00</span>
                                            <span class="order-id">订单号：00000000</span>
                                            <div class="fn-dib hover-show-tip fn-rel" title="联系客服">
                                                <i class="icon icon-qq-blue-sm fn-mr4" style="margin-top: -3px;"></i>阿福易购
                                                <div class="bl-tip-box tip-skin-gray" style="left: -24px;width:120px; ">
                                                    <div class="J-box TJ-box"><span class="J"></span><i class="J"></i></div>
                                                    <div class="bl-tip-con">
                                                        <ul>
                                                            <li>
                                                                <a href=""><i class="icon icon-qq-blue-sm fn-mr4" style="margin-top: -3px;"></i>客服-白银平</a>
                                                            </li>
                                                            <li>
                                                                <a href=""><i class="icon icon-qq-blue-sm fn-mr4" style="margin-top: -3px;"></i>客服-李巧</a>
                                                            </li>
                                                            <li>
                                                                <a href=""><i class="icon icon-qq-blue-sm fn-mr4" style="margin-top: -3px;"></i>客服-耿丹阳</a>
                                                            </li>
                                                            <li>
                                                                <a href=""><i class="icon icon-qq-blue-sm fn-mr4" style="margin-top: -3px;"></i>客服-叶瑞晴</a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                            <a href="#" class="del fn-fr fn-mr10" title="删除订单"><i class="icon icon-del1"></i></a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="pic tl ">
                                            <a href="#">
                                                <img class="head-img" src="../images/classify/pic-14.jpg" alt="#">
                                            </a>

                                            <span class="borb"></span>
                                        </td>
                                        <td class="tl name ">
                                            <p><a class="link" href="#">全棉个性四件套 纯棉简约床单床品套件1.5与1.8床通用被套2*2.3m</a></p>
                                            <span class="borb"></span>
                                        </td>
                                        <td class="">
                                            <span>×1</span>
                                            <span class="borb"></span>
                                        </td>
                                        <td class="ui-brd-r">
                                            <a href="#">返修/退换货</a>


                                            <span class="borb"></span>
                                        </td>
                                        <td rowspan="2" class="ui-brd-r">
                                            <span class="u-name">阿福老客户  <i class="icon icon-user-sm"></i></span>


                                        </td>
                                        <td rowspan="2" class="ui-brd-r">
                                            <span>￥55</span><br>
                                            <a href="#"><i class="icon icon-mobile"></i>手机订单</a>


                                        </td>
                                        <td rowspan="2" class="ui-brd-r">
                                            <span class="text-color-7">已完成</span><br>
                                            <a href="order-detail.php">订单详情</a>
                                        </td>
                                        <td rowspan="2">
                                            <a href="#">评价晒单</a><br>
                                            <a  class="fn-btn" href="#">再次购买</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="pic tl ">
                                            <a href="#">
                                                <img class="head-img" src="../images/classify/pic-14.jpg" alt="#">
                                            </a>
                                            <span class="borb"></span>
                                        </td>
                                        <td class="tl name ">
                                            <p><a class="link" href="#">全棉个性四件套 纯棉简约床单床品套件1.5与1.8床通用被套2*2.3m</a></p>
                                            <span class="borb"></span>
                                        </td>
                                        <td class=" ">
                                            <span>×1</span>
                                            <span class="borb"></span>
                                        </td>
                                        <td class="ui-brd-r">
                                            <a href="#">返修/退换货</a>
                                            <span class="borb"></span>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div class="inner-body">
                                <table class="bl-table bl-table-white table-tc">
                                    <tr data-id="2" class="list-item table-inner-head">
                                        <td colspan="8" class="tl">
                                            <label><input class="js-checkbox" type="checkbox"></label>
                                            <span class="time">2015-12-12   00:00:00</span>
                                            <span class="order-id">订单号：00000000</span>
                                            <a href="#" class="c-name" title="联系客服">阿福</a>
                                            <a href="#" class="del fn-fr fn-mr10" title="删除订单"><i class="icon icon-del1"></i></a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="pic tl ">
                                            <a href="#">
                                                <img class="head-img" src="../images/classify/pic-14.jpg" alt="#">
                                            </a>

                                            <span class="borb"></span>
                                        </td>
                                        <td class="tl name ">
                                            <p><a class="link" href="#">全棉个性四件套 纯棉简约床单床品套件1.5与1.8床通用被套2*2.3m</a></p>
                                            <span class="borb"></span>
                                        </td>
                                        <td class=" ">
                                            <span>×1</span>
                                            <span class="borb"></span>
                                        </td>
                                        <td class="ui-brd-r">
                                            <a href="#">返修/退换货</a>


                                            <span class="borb"></span>
                                        </td>
                                        <td class="ui-brd-r">
                                            <span>阿福老客户  <i class="icon icon-user-sm"></i></span>


                                            <span class="borb"></span>
                                        </td>
                                        <td class="ui-brd-r">
                                            <span>￥55</span><br>
                                            <a href="#"><i class="icon icon-mobile"></i>手机订单</a>


                                            <span class="borb"></span>
                                        </td>
                                        <td class="ui-brd-r">
                                            <a href="#" class="text-color-1">等待收货</a><br>
                                            <a href="#">物流跟踪 <i class="icon icon-super"></i></a><br>
                                            <a href="order-detail.php">订单详情</a>


                                            <span class="borb"></span>
                                        </td>
                                        <td>
                                            <a  class="fn-btn btn-def" href="#">确认收货</a><br>
                                            <a href="#">取消订单</a>
                                            <span class="borb"></span>
                                        </td>
                                    </tr>
                                </table>

                            </div>
                            <div class="inner-body">
                                <table class="bl-table bl-table-white table-tc">
                                    <tr data-id="3" class="list-item table-inner-head disabled-item">
                                        <td colspan="8" class="tl">
                                            <label><input class="js-checkbox disabled" type="checkbox" disabled="disabled"></label>
                                            <span class="time">2015-12-12   00:00:00</span>
                                            <span class="order-id">订单号：00000000</span>
                                            <a href="#" class="c-name" title="联系客服">阿福</a>
                                            <a href="#" class="del fn-fr fn-mr10" title="删除订单"><i class="icon icon-del1"></i></a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="pic tl ">
                                            <a href="#">
                                                <img class="head-img" src="../images/classify/pic-14.jpg" alt="#">
                                            </a>
                                        </td>
                                        <td class="tl name ">
                                            <p><a class="link" href="#">全棉个性四件套 纯棉简约床单床品套件1.5与1.8床通用被套2*2.3m</a></p>
                                        </td>
                                        <td class=" ">
                                            <span>×1</span>
                                        </td>
                                        <td class="ui-brd-r">
                                            <a href="#">返修/退换货</a>


                                        </td>
                                        <td class="ui-brd-r">
                                            <span>阿福老客户 <i class="icon icon-user-sm"></i></span>

                                        </td>
                                        <td class="ui-brd-r">
                                            <span>￥55</span><br>
                                            <a href="#"><i class="icon icon-mobile"></i>手机订单</a>

                                        </td>
                                        <td class="ui-brd-r">
                                            <span class="text-color-7">已取消</span><br>
                                            <a href="order-detail.php">订单详情</a>

                                        </td>
                                        <td>
                                            <a  class="fn-btn" href="#">立即购买</a>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        <div class="order-list-foot"></div>

                    </div>
                </div>

                <!--分页-->
                <!--  fn-tl/fn-tc/fn-tr 左中右定位; pager-big 大尺寸分页 可不加-->
                <div class="pager fn-tr">
                    <ul class="pagination">
                        <li class="disabled"><span>«</span></li>
                        <li class="active"><span>1</span></li>
                        <li><a href="http://afuyigou.app/search?page=1">2</a></li>
                        <li><a href="http://afuyigou.app/search?page=3">3</a></li>
                        <li><a href="http://afuyigou.app/search?page=4">4</a></li>
                        <li><a href="http://afuyigou.app/search?page=5">5</a></li>
                        <li><a href="http://afuyigou.app/search?page=6">6</a></li>
                        <li><a href="http://afuyigou.app/search?page=7">7</a></li>
                        <li><a href="http://afuyigou.app/search?page=2" rel="next">»</a></li>
                    </ul>
                </div>
                <!--END/分页-->


            </div>

        </div>
        <!--END/主体部分-->

    </div>
</div>


<!--公共尾部-->
<?php include 'include/footer.php'; ?>
<!--END/公共尾部-->

<!--公用js引用-->
<?php include 'include/script.php'; ?>
<!--END/公用js引用-->
<script>
    var page_global={
        del_url:'../js/success.json'
    }
</script>
<script src="../js/orderList.js"></script>

</body>
</html>